const 姓名 = document.querySelector('#姓名');
const 延迟 = document.querySelector('#延迟');
const 按钮 = document.querySelector('#设置警告');
const 输出 = document.querySelector('#输出');


function 警告(姓名, 延迟) {
    return new Promise(
        (成功, 失败) => {
            if(延迟 < 0) {
                throw new Error('警告的延迟不能是负数.');
            }
            window.setTimeout(
                () => {
                    成功(`起床, ${姓名}!`);
                },
                延迟,
            );
        },
    );
}


按钮.addEventListener(
    'click',
    async () => {
        try {
            const 消息 = await 警告(姓名.value, 延迟.value);
            输出.textContent = 消息;
        }
        catch(错误) {
            输出.textContent = `不能设置警告: ${错误}`;
        }
    }
);